	<!DOCTYPE html>
	<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" course="IE=edge">
		<meta name="viewport" content="width=device-width"/>
		<title>网易云课堂</title>
		<link rel="stylesheet" href="css/reset.css" target="_blank"/>
		<link rel="stylesheet" type="text/css" href="css/main.css" target="_blank"/>
		<link rel="stylesheet" href="font-awesome-4.5.0/css/font-awesome.min.css" target="_blank"/>
	</head>

	<body>
		<div class="popup" id="popup">
			<p class="smart-spec">网易云课堂微专业，帮助你掌握专业技能，令你求职或加薪多一份独特优势！</p>
			<a class="lookover" href="http://study.163.com/smartSpec/intro.htm#/smartSpecIntro" target="_blank">立即查看></a>
			<a class="cancel" id="close">X 不再提醒</a>
		</div>
		<div class="header">
			<div class="header-logo" id="headerLogo">
				<h1 class="logo">
					<img class="logo-png" src="img/bk_logo.png" alt="网易教育产品部">
					<span class="logo-title">网易教育产品部</span>
				</h1>
				<div class="header-fans">
					<span class="header-fans-focus"></span>
					<span class="people">关注</span>
				</div>
				<p class="header-fans-num">粉丝  <span>45</span></p>
			</div>

			<div class="header-nav">
				<nav class="header-nav-list">
					<a class="header-nav-link" href="http://open.163.com">网易公开课</a>
					<a class="header-nav-link" href="http://study.163.com">云课堂</a>
					<a class="header-nav-link" href="http://www.icourse163.org">中国大学MOOC</a>
				</nav>
				<span class="search fa fa-search fa-2x"></span>
			</div>
		</div>
		<div class="center">
			<div class="banner" id="banner">
				<nav class="banner-nav">
					<a class="banner-img-active" href="http://open.163.com/" target="_blank">
						<img class="banner-img-png" src= "img/banner1.jpg">
					</a>
					<a class="banner-img" href="http://study.163.com/" target="_blank">
						<img class="banner-img-png" src= "img/banner2.jpg">
					</a>
					<a class="banner-img" href="http://www.icourse163.org/" target="_blank">
						<img class="banner-img-png" src= "img/banner3.jpg">
					</a>
				</nav>
				<ul class="banner-con">
					<li class="banner-dot-active" index=''></li>
					<li class="banner-dot" index=''></li>
					<li class="banner-dot" index=''></li>
				</ul>
			</div>
			<div class="product">
				<div class="wangyi-open-interview">
					<div class="wangyi-open-icon">
						<div class="wangyi-open-icon-pic">
						</div>
					</div>
					<h3 class="product-title">网易公开课</h3>
					<p class="product-para">推出国内外名校公开课，涉及广泛的学科，名校老师认真讲解深度剖析，网易视频公开课频道
					   搭建起强有力的网络视频教学平台。</p>
					<a class="more" href="http://open.163.com/" target="_blank">了解更多 ></a>
				</div>
				<div class="wangyi-cloud-interview">
					<div class="wangyi-open-icon">
						<div class="wangyi-cloud-icon-pic">
						</div>
						
					</div>
					<h3 class="product-title">云课堂</h3>
					<p class="product-para">网易旗下大型在线学习平台，该平台面向学习者提供海量免费、优质课程，创新的个性化学习体验自由开放的交流互动环境。</p>
					<a class="more" href="http://study.163.com/" target="_blank">了解更多 ></a>
				</div>
				<div class="wangyi-mooc-interview">
					<div class="wangyi-open-icon">
						<div class="wangyi-mooc-icon-pic">
						</div>
					</div>
					<h3 class="product-title">中国大学MOOC</h3>
					<p class="product-para">是爱课程网携手云课堂打造的在线学习平台，每一个有提升愿望的人，都可以在这里学习中国最好的的大学课程，学完还能获得认证证书。</p>
					<a class="more" href="http://www.icourse163.org/" target="_blank">了解更多 ></a>
				</div>
			</div>
			<div class="work-space">
				<div class="work-space-img">
					<ul class="work-space-table">
						<li class="work-space-list"><img class="work-space-pic" src="img/bk_scene01.png"></li>
						<li class="work-space-list"><img class="work-space-pic" src="img/bk_scene02.png"></li>
						<li class="work-space-list"><img class="work-space-pic" src="img/bk_scene03.png"></li>
						<li class="work-space-list"><img class="work-space-pic" src="img/bk_scene04.png"></li>
						<li class="work-space-list"><img class="work-space-pic" src="img/bk_scene05.png"></li>
					</ul>
				</div>
			</div>
			
			<div class="center-course">
				<div class="course">
					<div class="course-main">
						<ul class="course-type" id="courseType">
							<li class="course-type-name-active">产品设计</li>
							<li class="course-type-name">编程语言</li>
						</ul>
						<ul class="course-main-table" id="mainBox">
							<li class="course-main-list">
								<img class="course-img" src="img/images/course_01.png" alt="网易云课堂">
								<div class="course-information">
									<h3 class="course-name">手绘系列教程</h3>
									<p class="course-source">几分钟网</p>
									<p class="course-student-num">
										<span class="people fa fa-user"></span>
										<span>445</span>
									</p>
									<p class="course-price">￥0</p>
								</div>
								<div class="hide-detail">
									<img class="hide-detail-img" src="img/images/course_01.png" alt="网易云课堂">
									<h3 class="hide-detail-title">手绘系列教程</h3>
									<span class="hide-detail-student  fa fa-user">445人在学
									</span>
									<p class="hide-detail-source">
										发布者:极客公园
										<br>
										分类：无
									</p>
									<p class="hide-detail-description">
											生活中不乏有很多美好的画面，何不用画笔记录下来呢？那就跟几分钟网一起来记录美好画面吧！
									</p>
								</div>
							</li>
							<li class="course-main-list">
								<img class="course-img" src="img/images/course_02.png" alt="网易云课堂">
								<div class="course-information">
									<h3 class="course-name">手绘系列教程</h3>
									<p class="course-source">几分钟网</p>
									<p class="course-student-num">
										<span class="people fa fa-user"></span>
										<span>445</span>
									</p>
									<p class="course-price">￥0</p>
								</div>
								<div class="hide-detail">
									<img class="hide-detail-img" src="img/images/course_02.png" alt="网易云课堂">
									<h3 class="hide-detail-title">手绘系列教程</h3>
									<span class="hide-detail-student  fa fa-user">445人在学
									</span>
									<p class="hide-detail-source">
										发布者:极客公园
										<br>
										分类：无
									</p>
									<p class="hide-detail-description">
											生活中不乏有很多美好的画面，何不用画笔记录下来呢？那就跟几分钟网一起来记录美好画面吧！
									</p>
								</div>
							</li>
							<li class="course-main-list">
								<img class="course-img" src="img/images/course_03.png" alt="网易云课堂">
								<div class="course-information">
									<h3 class="course-name">手绘系列教程</h3>
									<p class="course-source">几分钟网</p>
									<p class="course-student-num">
										<span class="people fa fa-user"></span>
										<span>445</span>
									</p>
									<p class="course-price">￥0</p>
								</div>
								<div class="hide-detail">
									<img class="hide-detail-img" src="img/images/course_03.png" alt="网易云课堂">
									<h3 class="hide-detail-title">手绘系列教程</h3>
									<span class="hide-detail-student  fa fa-user">445人在学
									</span>
									<p class="hide-detail-source">
										发布者:极客公园
										<br>
										分类：无
									</p>
									<p class="hide-detail-description">
											生活中不乏有很多美好的画面，何不用画笔记录下来呢？那就跟几分钟网一起来记录美好画面吧！
									</p>
								</div>
							</li>
							<li class="course-main-list">
								<img class="course-img" src="img/images/course_04.png" alt="网易云课堂">
								<div class="course-information">
									<h3 class="course-name">手绘系列教程</h3>
									<p class="course-source">几分钟网</p>
									<p class="course-student-num">
										<span class="people fa fa-user"></span>
										<span>445</span>
									</p>
									<p class="course-price">￥0</p>
								</div>
								<div class="hide-detail">
									<img class="hide-detail-img" src="img/images/course_04.png" alt="网易云课堂">
									<h3 class="hide-detail-title">手绘系列教程</h3>
									<span class="hide-detail-student  fa fa-user">445人在学
									</span>
									<p class="hide-detail-source">
										发布者:极客公园
										<br>
										分类：无
									</p>
									<p class="hide-detail-description">
											生活中不乏有很多美好的画面，何不用画笔记录下来呢？那就跟几分钟网一起来记录美好画面吧！
									</p>
								</div>
							</li>
							<li class="course-main-list">
								<img class="course-img" src="img/images/course_05.png" alt="网易云课堂">
								<div class="course-information">
									<h3 class="course-name">手绘系列教程</h3>
									<p class="course-source">几分钟网</p>
									<p class="course-student-num">
										<span class="people fa fa-user"></span>
										<span>445</span>
									</p>
									<p class="course-price">￥0</p>
								</div>
								<div class="hide-detail">
									<img class="hide-detail-img" src="img/images/course_05.png" alt="网易云课堂">
									<h3 class="hide-detail-title">手绘系列教程</h3>
									<span class="hide-detail-student  fa fa-user">445人在学
									</span>
									<p class="hide-detail-source">
										发布者:极客公园
										<br>
										分类：无
									</p>
									<p class="hide-detail-description">
											生活中不乏有很多美好的画面，何不用画笔记录下来呢？那就跟几分钟网一起来记录美好画面吧！
									</p>
								</div>
							</li>
							<li class="course-main-list">
								<img class="course-img" src="img/images/course_06.png" alt="网易云课堂">
								<div class="course-information">
									<h3 class="course-name">手绘系列教程</h3>
									<p class="course-source">几分钟网</p>
									<p class="course-student-num">
										<span class="people fa fa-user"></span>
										<span>445</span>
									</p>
									<p class="course-price">￥0</p>
								</div>
								<div class="hide-detail">
									<img class="hide-detail-img" src="img/images/course_06.png" alt="网易云课堂">
									<h3 class="hide-detail-title">手绘系列教程</h3>
									<span class="hide-detail-student  fa fa-user">445人在学
									</span>
									<p class="hide-detail-source">
										发布者:极客公园
										<br>
										分类：无
									</p>
									<p class="hide-detail-description">
											生活中不乏有很多美好的画面，何不用画笔记录下来呢？那就跟几分钟网一起来记录美好画面吧！
									</p>
								</div>
							</li>
							<li class="course-main-list">
								<img class="course-img" src="img/images/course_07.png" alt="网易云课堂">
								<div class="course-information">
									<h3 class="course-name">手绘系列教程</h3>
									<p class="course-source">几分钟网</p>
									<p class="course-student-num">
										<span class="people fa fa-user"></span>
										<span>445</span>
									</p>
									<p class="course-price">￥0</p>						
								</div>
								<div class="hide-detail">
									<img class="hide-detail-img" src="img/images/course_07.png" alt="网易云课堂">
									<h3 class="hide-detail-title">手绘系列教程</h3>
									<span class="hide-detail-student  fa fa-user">445人在学
									</span>
									<p class="hide-detail-source">
										发布者:极客公园
										<br>
										分类：无
									</p>
									<p class="hide-detail-description">
											生活中不乏有很多美好的画面，何不用画笔记录下来呢？那就跟几分钟网一起来记录美好画面吧！
									</p>
								</div>
							</li>
							<li class="course-main-list">
								<img class="course-img" src="img/images/course_08.png" alt="网易云课堂">
								<div class="course-information">
									<h3 class="course-name">手绘系列教程</h3>
									<p class="course-source">几分钟网</p>
									<p class="course-student-num">
										<span class="people fa fa-user"></span>
										<span>445</span>
									</p>
									<p class="course-price">￥0</p>
								</div>
								<div class="hide-detail">
									<img class="hide-detail-img" src="img/images/course_08.png" alt="网易云课堂">
									<h3 class="hide-detail-title">手绘系列教程</h3>
									<span class="hide-detail-student  fa fa-user">445人在学
									</span>
									<p class="hide-detail-source">
										发布者:极客公园
										<br>
										分类：无
									</p>
									<p class="hide-detail-description">
											生活中不乏有很多美好的画面，何不用画笔记录下来呢？那就跟几分钟网一起来记录美好画面吧！
									</p>
								</div>
							</li>
							<li class="course-main-list">
								<img class="course-img" src="img/images/course_09.png" alt="网易云课堂">
								<div class="course-information">
									<h3 class="course-name">手绘系列教程</h3>
									<p class="course-source">几分钟网</p>
									<p class="course-student-num">
										<span class="people fa fa-user"></span>
										<span>445</span>
									</p>
									<p class="course-price">￥0</p>
								</div>
								<div class="hide-detail">
									<img class="hide-detail-img" src="img/images/course_09.png" alt="网易云课堂">
									<h3 class="hide-detail-title">手绘系列教程</h3>
									<span class="hide-detail-student  fa fa-user">445人在学
									</span>
									<p class="hide-detail-source">
										发布者:极客公园
										<br>
										分类：无
									</p>
									<p class="hide-detail-description">
											生活中不乏有很多美好的画面，何不用画笔记录下来呢？那就跟几分钟网一起来记录美好画面吧！
									</p>
								</div>
							</li>
							<li class="course-main-list">
								<img class="course-img" src="img/images/course_10.png" alt="网易云课堂">
								<div class="course-information">
									<h3 class="course-name">手绘系列教程</h3>
									<p class="course-source">几分钟网</p>
									<p class="course-student-num">
										<span class="people fa fa-user"></span>
										<span>445</span>
									</p>
									<p class="course-price">￥0</p>
								</div>
								<div class="hide-detail">
									<img class="hide-detail-img" src="img/images/course_10.png" alt="网易云课堂">
									<h3 class="hide-detail-title">手绘系列教程</h3>
									<span class="hide-detail-student  fa fa-user">445人在学
									</span>
									<p class="hide-detail-source">
										发布者:极客公园
										<br>
										分类：无
									</p>
									<p class="hide-detail-description">
											生活中不乏有很多美好的画面，何不用画笔记录下来呢？那就跟几分钟网一起来记录美好画面吧！
									</p>
								</div>
							</li>
							<li class="course-main-list">
								<img class="course-img" src="img/images/course_11.png" alt="网易云课堂">
								<div class="course-information">
									<h3 class="course-name">手绘系列教程</h3>
									<p class="course-source">几分钟网</p>
									<p class="course-student-num">
										<span class="people fa fa-user"></span>
										<span>445</span>
									</p>
									<p class="course-price">￥0</p>
								</div>
								<div class="hide-detail">
									<img class="hide-detail-img" src="img/images/course_11.png" alt="网易云课堂">
									<h3 class="hide-detail-title">手绘系列教程</h3>
									<span class="hide-detail-student  fa fa-user">445人在学
									</span>
									<p class="hide-detail-source">
										发布者:极客公园
										<br>
										分类：无
									</p>
									<p class="hide-detail-description">
											生活中不乏有很多美好的画面，何不用画笔记录下来呢？那就跟几分钟网一起来记录美好画面吧！
									</p>
								</div>
							</li>
							<li class="course-main-list">
								<img class="course-img" src="img/images/course_12.png" alt="网易云课堂">
								<div class="course-information">
									<h3 class="course-name">手绘系列教程</h3>
									<p class="course-source">几分钟网</p>
									<p class="course-student-num">
										<span class="people fa fa-user"></span>
										<span>445</span>
									</p>
									<p class="course-price">￥0</p>
								</div>
								<div class="hide-detail">
									<img class="hide-detail-img" src="img/images/course_12.png" alt="网易云课堂">
									<h3 class="hide-detail-title">手绘系列教程</h3>
									<span class="hide-detail-student  fa fa-user">445人在学
									</span>
									<p class="hide-detail-source">
										发布者:极客公园
										<br>
										分类：无
									</p>
									<p class="hide-detail-description">
											生活中不乏有很多美好的画面，何不用画笔记录下来呢？那就跟几分钟网一起来记录美好画面吧！
									</p>
								</div>
							</li>
							<li class="course-main-list">
								<img class="course-img" src="img/images/course_13.png" alt="网易云课堂">
								<div class="course-information">
									<h3 class="course-name">手绘系列教程</h3>
									<p class="course-source">几分钟网</p>
									<p class="course-student-num">
										<span class="people fa fa-user"></span>
										<span>445</span>
									</p>
									<p class="course-price">￥0</p>
								</div>
								<div class="hide-detail">
									<img class="hide-detail-img" src="img/images/course_13.png" alt="网易云课堂">
									<h3 class="hide-detail-title">手绘系列教程</h3>
									<span class="hide-detail-student  fa fa-user">445人在学
									</span>
									<p class="hide-detail-source">
										发布者:极客公园
										<br>
										分类：无
									</p>
									<p class="hide-detail-description">
											生活中不乏有很多美好的画面，何不用画笔记录下来呢？那就跟几分钟网一起来记录美好画面吧！
									</p>
								</div>
							</li>
							<li class="course-main-list">
								<img class="course-img" src="img/images/course_14.png" alt="网易云课堂">
								<div class="course-information">
									<h3 class="course-name">手绘系列教程</h3>
									<p class="course-source">几分钟网</p>
									<p class="course-student-num">
										<span class="people fa fa-user"></span>
										<span>445</span>
									</p>
									<p class="course-price">￥0</p>
								</div>
								<div class="hide-detail">
									<img class="hide-detail-img" src="img/images/course_14.png" alt="网易云课堂">
									<h3 class="hide-detail-title">手绘系列教程</h3>
									<span class="hide-detail-student  fa fa-user">445人在学
									</span>
									<p class="hide-detail-source">
										发布者:极客公园
										<br>
										分类：无
									</p>
									<p class="hide-detail-description">
											生活中不乏有很多美好的画面，何不用画笔记录下来呢？那就跟几分钟网一起来记录美好画面吧！
									</p>
								</div>
							</li>
							<li class="course-main-list">
								<img class="course-img" src="img/images/course_15.png" alt="网易云课堂">
								<div class="course-information">
									<h3 class="course-name">手绘系列教程</h3>
									<p class="course-source">几分钟网</p>
									<p class="course-student-num">
										<span class="people fa fa-user"></span>
										<span>445</span>
									</p>
									<p class="course-price">￥0</p>						
								</div>
								<div class="hide-detail">
									<img class="hide-detail-img" src="img/images/course_15.png" alt="网易云课堂">
									<h3 class="hide-detail-title">手绘系列教程</h3>
									<span class="hide-detail-student  fa fa-user">445人在学
									</span>
									<p class="hide-detail-source">
										发布者:极客公园
										<br>
										分类：无
									</p>
									<p class="hide-detail-description">
											生活中不乏有很多美好的画面，何不用画笔记录下来呢？那就跟几分钟网一起来记录美好画面吧！
									</p>
								</div>
							</li>
							<li class="course-main-list">
								<img class="course-img" src="img/images/course_16.png" alt="网易云课堂">
								<div class="course-information">
									<h3 class="course-name">手绘系列教程</h3>
									<p class="course-source">几分钟网</p>
									<p class="course-student-num">
										<span class="people fa fa-user"></span>
										<span>445</span>
									</p>
									<p class="course-price">￥0</p>						
								</div>
								<div class="hide-detail">
									<img class="hide-detail-img" src="img/images/course_16.png" alt="网易云课堂">
									<h3 class="hide-detail-title">手绘系列教程</h3>
									<span class="hide-detail-student  fa fa-user">445人在学
									</span>
									<p class="hide-detail-source">
										发布者:极客公园
										<br>
										分类：无
									</p>
									<p class="hide-detail-description">
											生活中不乏有很多美好的画面，何不用画笔记录下来呢？那就跟几分钟网一起来记录美好画面吧！
									</p>
								</div>
							</li>
							<li class="course-main-list">
								<img class="course-img" src="img/images/course_17.png" alt="网易云课堂">
								<div class="course-information">
									<h3 class="course-name">手绘系列教程</h3>
									<p class="course-source">几分钟网</p>
									<p class="course-student-num">
										<span class="people fa fa-user"></span>
										<span>445</span>
									</p>
									<p class="course-price">￥0</p>
								</div>
								<div class="hide-detail">
									<img class="hide-detail-img" src="img/images/course_17.png" alt="网易云课堂">
									<h3 class="hide-detail-title">手绘系列教程</h3>
									<span class="hide-detail-student  fa fa-user">445人在学
									</span>
									<p class="hide-detail-source">
										发布者:极客公园
										<br>
										分类：无
									</p>
									<p class="hide-detail-description">
											生活中不乏有很多美好的画面，何不用画笔记录下来呢？那就跟几分钟网一起来记录美好画面吧！
									</p>
								</div>
							</li>
							<li class="course-main-list">
								<img class="course-img" src="img/images/course_18.png" alt="网易云课堂">
								<div class="course-information">
									<h3 class="course-name">手绘系列教程</h3>
									<p class="course-source">几分钟网</p>
									<p class="course-student-num">
										<span class="people fa fa-user"></span>
										<span>445</span>
									</p>
									<p class="course-price">￥0</p>
								</div>
								<div class="hide-detail">
									<img class="hide-detail-img" src="img/images/course_18.png" alt="网易云课堂">
									<h3 class="hide-detail-title">手绘系列教程</h3>
									<span class="hide-detail-student  fa fa-user">445人在学
									</span>
									<p class="hide-detail-source">
										发布者:极客公园
										<br>
										分类：无
									</p>
									<p class="hide-detail-description">
											生活中不乏有很多美好的画面，何不用画笔记录下来呢？那就跟几分钟网一起来记录美好画面吧！
									</p>
								</div>
							</li>
							<li class="course-main-list">
								<img class="course-img" src="img/images/course_19.png" alt="网易云课堂">
								<div class="course-information">
									<h3 class="course-name">手绘系列教程</h3>
									<p class="course-source">几分钟网</p>
									<p class="course-student-num">
										<span class="people fa fa-user"></span>
										<span>445</span>
									</p>
									<p class="course-price">￥0</p>
								</div>
								<div class="hide-detail">
									<img class="hide-detail-img" src="img/images/course_19.png" alt="网易云课堂">
									<h3 class="hide-detail-title">手绘系列教程</h3>
									<span class="hide-detail-student  fa fa-user">445人在学
									</span>
									<p class="hide-detail-source">
										发布者:极客公园
										<br>
										分类：无
									</p>
									<p class="hide-detail-description">
											生活中不乏有很多美好的画面，何不用画笔记录下来呢？那就跟几分钟网一起来记录美好画面吧！
									</p>
								</div>
							</li>
							<li class="course-main-list">
								<img class="course-img" src="img/images/course_01.png" alt="网易云课堂">
								<div class="course-information">
									<h3 class="course-name">手绘系列教程</h3>
									<p class="course-source">几分钟网</p>
									<p class="course-student-num">
										<span class="people fa fa-user"></span>
										<span>445</span>
									</p>
									<p class="course-price">￥0</p>
								</div>
								<div class="hide-detail">
									<img class="hide-detail-img" src="img/images/course_01.png" alt="网易云课堂">
									<h3 class="hide-detail-title">手绘系列教程</h3>
									<span class="hide-detail-student  fa fa-user">445人在学
									</span>
									<p class="hide-detail-source">
										发布者:极客公园
										<br>
										分类：无
									</p>
									<p class="hide-detail-description">
											生活中不乏有很多美好的画面，何不用画笔记录下来呢？那就跟几分钟网一起来记录美好画面吧！
									</p>
								</div>
							</li>
						</ul>
						<div class="main-page" id="mainPage">
							<span class="page-left"><</span>
							<nav class="page-num">
								<a class="page-number" href="javascript:;">1</a>
								<a class="page-number-active" href="javascript:;">2</a>
								<a class="page-number" href="javascript:;">3</a>
								<a class="page-number" href="javascript:;">4</a>
								<a class="page-number" href="javascript:;">5</a>
								<a class="page-number" href="javascript:;">6</a>
								<a class="page-number" href="javascript:;">7</a>
								<a class="page-number" href="javascript:;">8</a>
							</nav>
							<span class="page-right">></span>
						</div>
					</div>
					<div class="course-side">
						<div class="company-introduce">
							<h2 class="company-introduce-title">机构介绍</h2>
							<p class="company-introduce-video">观看下面的视频来了解吧：</p>
							<img class="company-introduce-img" src="img/images/video.png" alt="机构介绍" id="videoImg">
						</div>
						<div class="hot-course">
							<h2 class="hot-course-title">最热排行</h2>
							<ul class="hot-course-table" id="hotCouseList">
								<li class="hot-course-list">
									<img class="hot-course-img" src="img/images/hot_01.png" alt="最热排行" style="transition: margin 0ms">
									<div class="hot-course-introduce">
										<h3 class="hot-course-name">舞曲音乐揭秘</h3>
										<p class="hot-course-student">
											<span class="people fa fa-user"></span>
											<span class="people">1</span>
										</p>
									</div>
								</li>
								<li class="hot-course-list">
									<img class="hot-course-img" src="img/images/hot_02.png" alt="最热排行">
									<div class="hot-course-introduce">
										<h3 class="hot-course-name">舞曲音乐揭秘</h3>
										<p class="hot-course-student">
											<span class="people fa fa-user"></span>
											<span class="people">1</span>
										</p>
									</div>
								</li>
								<li class="hot-course-list">
									<img class="hot-course-img" src="img/images/hot_03.png" alt="最热排行">
									<div class="hot-course-introduce">
										<h3 class="hot-course-name">舞曲音乐揭秘</h3>
										<p class="hot-course-student">
											<span class="people fa fa-user"></span>
											<span class="people">1</span>
										</p>
									</div>
								</li>
								<li class="hot-course-list">
									<img class="hot-course-img" src="img/images/hot_04.png" alt="最热排行">
									<div class="hot-course-introduce">
										<h3 class="hot-course-name">舞曲音乐揭秘</h3>
										<p class="hot-course-student">
											<span class="people fa fa-user"></span>
											<span class="people">1</span>
										</p>
									</div>
								</li>
								<li class="hot-course-list">
									<img class="hot-course-img" src="img/images/hot_05.png" alt="最热排行">
									<div class="hot-course-introduce">
										<h3 class="hot-course-name">舞曲音乐揭秘</h3>
										<p class="hot-course-student">
											<span class="people fa fa-user"></span>
											<span class="people">1</span>
										</p>
									</div>
								</li>
								<li class="hot-course-list">
									<img class="hot-course-img" src="img/images/hot_01.png" alt="最热排行">
									<div class="hot-course-introduce">
										<h3 class="hot-course-name">舞曲音乐揭秘</h3>
										<p class="hot-course-student">
											<span class="people fa fa-user"></span>
											<span class="people">1</span>
										</p>
									</div>
								</li>
								<li class="hot-course-list">
									<img class="hot-course-img" src="img/images/hot_02.png" alt="最热排行">
									<div class="hot-course-introduce">
										<h3 class="hot-course-name">舞曲音乐揭秘</h3>
										<p class="hot-course-student">
											<span class="people fa fa-user"></span>
											<span class="people">1</span>
										</p>
									</div>
								</li>
								<li class="hot-course-list">
									<img class="hot-course-img" src="img/images/hot_03.png" alt="最热排行">
									<div class="hot-course-introduce">
										<h3 class="hot-course-name">舞曲音乐揭秘</h3>
										<p class="hot-course-student">
											<span class="people fa fa-user"></span>
											<span class="people">1</span>
										</p>
									</div>
								</li>
								<li class="hot-course-list">
									<img class="hot-course-img" src="img/images/hot_04.png" alt="最热排行">
									<div class="hot-course-introduce">
										<h3 class="hot-course-name">舞曲音乐揭秘</h3>
										<p class="hot-course-student">
											<span class="people fa fa-user"></span>
											<span class="people">1</span>
										</p>
									</div>
								</li>
								<li class="hot-course-list">
									<img class="hot-course-img" src="img/images/hot_05.png" alt="最热排行">
									<div class="hot-course-introduce">
										<h3 class="hot-course-name">舞曲音乐揭秘</h3>
										<p class="hot-course-student">
											<span class="people fa fa-user"></span>
											<span class="people">1</span>
										</p>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>

		</div>
		<div class="footer">
			<div class="footer-infor">
				<div class="footer-information">
					<div class="footer-logo">
						<img class="footer-logo" src="img/images/footer_logo.png">
						<h2 class="footer-logo-name">网易教育产品部</h2>
					</div>
					<p>&copy icourse163.org 浙ICP备08114786-1</p>
					<p>icourse.cn 京ICP备12020869号-2 京公网安备110102000459-2</p>
				</div>
				<div class="web-link">
					<p class="web-link-title">友情链接：</p>
					<a class="web-link-address" href="http://open.163.com/" target="_blank">网易公开课</a><br>
					<a class="web-link-address" href="http://study.163.com/" target="_blank">网易云课堂</a><br>
					<a class="web-link-address" href="http://www.icourse163.org/" target="_blank">中国大学MOOC</a><br>
				</div>
				<div class="us">
					<p class="web-link-title">我们：</p>
					<a class="web-link-address" href="#">关于</a><br>
					<a class="web-link-address" href="#">联系</a><br>
					<a class="web-link-address" href="#">关注<img class="weibo" src="img/bk_weibo.png"></a>
				</div>
				<div class="footer-more">
					<p class="web-link-title">更多：</p>
					<a class="web-link-address" href="#">常见问题</a><br>
					<a class="web-link-address" href="#">意见反馈</a><br>
				</div>
			</div>
		</div>
		<div class="hide" id="hide">
			<div class="hide-login-page" id="hideLogin">
				<div class="hide-login">
					<h3 class="hide-login-title">登录网易云课堂</h3>
					<form action="#" method="post" name="hide-login">
						<input id="hideLoginInput" class="hide-login-input" placeholder="账号" type="userName" name="userName" value="studyOnline">
						<input id="hideLoginPass" class="hide-login-input" placeholder="密码" type="password" name="password" value="study.163.com">
						<button id="hideLoginBtn" class="hide-login-btn" type="submit" name="submit">登录</button>
					</form>
					<span id="hideLoginClose" class="hide-login-close">x</span>
				</div>
			</div>
			<div class="hide-video" id="hideVideo">
				<div class="hide-video-box">
					<h3 class="hide-video-para">请观看下面的视频</h3>
					<div class="hide-video-close">×</div>
					<video class="hide-video-play" src="http://mov.bn.netease.com/open-movie/nos/mp4/2014/12/30/SADQ86F5S_shd.mp4" controls="" id="video">
						<object type="video/mp4">
						    <param name="src" value="http://mov.bn.netease.com/open-movie/nos/mp4/2014/12/30/SADQ86F5S_shd.mp4">
						    <param name="autoplay" value="false">
						    <param name="autoStart" value="0">
					 	 </object>
					</video>
				</div>
			</div>	
		</div>
	</body>

		<script src="js/md5.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery-1.12.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.timers-1.2.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/underscore-min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
<script type="text/template" id='courseInfoTmp'>
	<% for (var i = 0; i < count; i++) { %>
		<li class="course-main-list">
			<img class="course-img" src="<%= data.list[i].bigPhotoUrl %>">
				<div class="course-information">
					<h3 class="course-name"> <%= data.list[i].name %></h3>
					<p class="course-source"><%= data.list[i].provider %></p>
					<p class="course-student-num">
						<span class="people fa fa-user"></span>
						<span class="vm"><%= data.list[i].learnerCount %></span>
					</p>
						<p class="course-price">￥<%=data.list[i].price %></p>
						<h4 style="display:none" data-name ="<%= data.list[i].name%>" data-bigPhotoUrl="<%=data.list[i].bigPhotoUrl%> "data-provider="<%= data.list[i].provider %>" data-learnerCount="<%= data.list[i].learnerCount %>"data-price ="<%= data.list[i].price%>" data-categoryName="<%= data.list[i].categoryName %>" data-description = "<%=data.list[i].description%>"></h4>
				</div>
				<div class="hide-detail">
					<img class="hide-detail-img" src="<%= data.list[i].bigPhotoUrl %>" alt="网易云课堂">
					<h3 class="hide-detail-title"><%= data.list[i].name %></h3>
					<span class="hide-detail-student  fa fa-user"><%= data.list[i].learnerCount %>人在学</span>
					<p class="hide-detail-source">
						发布者:<%= data.list[i].provider%>
						<br>
						分类：<%=data.list[i].categoryName%>
					</p>
					<p class="hide-detail-description"><%=data.list[i].description%></p>
				</div>
		</li>
	<% } %>
</script>

<script type="text/template" id="hotCourseListList">
	<% for (var i = 0; i < count; i++) { %>
		<li class="hot-course-list">
			<img class="hot-course-img" src="<%=data[i].smallPhotoUrl%>">
			<div class="hot-course-introduce">
				<h3 class="hot-course-introduce-tit"><%=data[i].name%></h3>
				<p class="hot-course-student">
					<span class="people fa fa-user"></span>
					<span class="people"><%=data[i].learnerCount%></span>
				</p>
			</div>
		</li>
	<% } %>
</script>
</html>